.cropper-tool{
    label.btn {
        margin-bottom: 0;
    }
}


.cropper-wrapper {
    margin-bottom: 1rem;
    height: 360px;

    .cropper-preview {
        width: 100%;
    }

    > img {
        max-width: 100%;
        max-height: 100%;
    }
}

.docs-preview {
    margin-right: -1rem;
    .cropper-preview {
        max-width: 100%;
        margin-bottom: .5rem;
        margin-right: .5rem;
        overflow: hidden;
    }

    .cropper-preview > img {
        max-width: 100%;
    }

    .preview-lg {
        height: 9rem;
        width: 16rem;
    }

    .preview-md {
        height: 4.5rem;
        width: 8rem;
    }

    .preview-sm {
        height: 2.25rem;
        width: 4rem;
    }
}